{% extends 'base/base.html' %}
{% block css %}
{{super()}}
<link rel="stylesheet" href="{{ url_for('static', filename='css/heroes.css') }}">
{% endblock %}
{% block content %}
<main>
    <div class="container-fluid vh-100 col-xl-10 col-xxl-8 px-4 py-5">
        <div class="row vh-100 align-items-center g-lg-5 py-5">
            <div class="col-lg-7 text-center text-lg-start">
                <h1 class="display-4 fw-bold lh-1 mb-3">龙葵编程</h1>
                <p class="col-lg-10 fs-4">基础人工智能学习导航，包含从编程语言、框架、原理到应用的一站式教程</p>
            </div>
            <div class="col-md-10 mx-auto col-lg-5">
                <form class="p-4 p-md-5 border rounded-3 bg-light">
                    <div class="form-floating mb-3">
                        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
                        <label for="floatingInput">邮箱</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
                        <label for="floatingPassword">密码</label>
                    </div>
                    <!-- <div class="checkbox mb-3">
                        <label><input type="checkbox" value="remember-me">记住我</label>
                    </div> -->
                    <button class="w-100 btn btn-lg btn-primary" type="submit">登录</button>
                    <!-- <hr class="my-4">
                    <small class="text-muted">点击同意条款完成注册</small> -->
                </form>
            </div>
        </div>
    </div>
</main>
{% endblock %}
